/**
 * --------------- 组件--自定义滚动条插件特殊样式 ---------------
 */

/**
 * 自定义滚动条被初始化的元素（对应的类名）--可以追加不同的类名来定义里面不同的样式
 */
.mCustomScrollbar{
	// 定义横向滚动条--宽度是整屏幕数据情况
	&.width100_horizontal_scroll{
		.mCustomScrollBox{
			// 定义滑块颜色
			.mCSB_scrollTools{
				// right: 0px;
				.mCSB_dragger{
					.mCSB_dragger_bar{
						background-color: #bab6b6;
					}	
				}
				.mCSB_draggerRail{
					background-color: #dadada;
				}
			}
		}
	}
	&.vertical_scroll{ //竖直方向滚动条的样式（滑块和底下滑条样式）
		.mCustomScrollBox{
			// 定义滑块颜色
			.mCSB_scrollTools{
				.mCSB_dragger{
					.mCSB_dragger_bar{
						width: 8px;
						background-color: #bab6b6;
					}	
				}
				.mCSB_draggerRail{
					background-color: transparent;
				}
			}
		}
	}
}